<template>
  <el-dropdown @command="sourceMethod" style="margin: -200px 0 10px">
    <el-button type="primary">
      {{source == 'all' ? '全部' : source}}<i class="el-icon-arrow-down el-icon--right"></i>
    </el-button>
    <el-dropdown-menu slot="dropdown">
      <el-dropdown-item command="all">全部</el-dropdown-item>
      <el-dropdown-item command="qq">qq</el-dropdown-item>
      <el-dropdown-item command="wy">wy</el-dropdown-item>
      <el-dropdown-item command="kuwo">kuwo</el-dropdown-item>
      <el-dropdown-item command="kugou">kugou</el-dropdown-item>
    </el-dropdown-menu>
  </el-dropdown>
</template>
<script>
export default {
  data() {
    return {
      source: 'all',
    }
  },

  mounted() {

  },

  methods: {
    sourceMethod(source) {
      this.source = source
      this.$emit('source', source)
    }
  }
}

</script>
